@charset "utf-8";


html,body{height:100%;}
body{padding:0px; margin:0px auto; font-size:14px; line-height:24px; color:#666; width:100%; min-width:300px; zoom:1;font-family: "Microsoft YaHei","Arial","Microsoft YaHei","宋体",sans-serif; background:#f8f8f8;}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:15px; border-radius:0; -webkit-border-radius:0; color:#000; font-family:"Microsoft YaHei";}
input:focus { outline: none;}
input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/}
button{ cursor:pointer;}
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{ color:#333333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#972f35;}
*:hover{transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tc{ text-align:center;}
.hidetxt{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix{*zoom:1;}
:-moz-placeholder {color: #888888;}
::-moz-placeholder {color: #888888;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #888888;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #888888;}
.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.Contain{ position:relative; clear:both; max-width:100%; margin:0px 15px;}
.block{ display:block;}
.tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.p{overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;}
.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;}

/*font*/
.f_red{ color:#912228;}
.whiteblack { -webkit-filter: grayscale(100%);}
.whiteblack.active,
.whiteblack:hover {-webkit-filter: grayscale(0%);}

.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); top:0px; left:0px;}

/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; color:#555; clear:both;}
.Pages span{ padding:0px 0px; display:inline-block;}
.Pages a{ display:inline-block; margin:0px 2px; line-height:35px; background:#f8f8f8;text-align:center; color:#666666;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ display:inline-block; vertical-align:middle; padding:0 15px;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{background:#c0161f; color:#fff;}
.Pages .p_page .num a{vertical-align:middle; width:35px;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{ background:#c0161f; color:#fff;}

@media ( max-width:768px){
.Pages a{ line-height:25px;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{padding:0 10px;}
.Pages .p_page .num a{ width:25px;}
}
/*pages end*/


/*Top*/
.Header{ height:90px; position:fixed; width:100%; z-index:999; left:0px; top:0px; background:rgba(0,0,0,0.9);}
.Header .Logo{float:left; padding-top:15px;}
.Header .Searchbox{float:right; position:relative; padding:34px 10px 0 0; z-index:99;}
.Header .Searchbox .icon{cursor:pointer;}
.Header .Search{ display:none; position:absolute; right:0px; top:90px; z-index:888;}
.Header .Search a.close,.Header .Search a.close2{ background: #919191 url(../images/closenav.png) center center no-repeat; width:27px; height:27px; vertical-align:middle; display:inline-block; position:absolute; right:6px; top:-57px;}
.Header .Search a.close2{display:none;right:10px; top:13px;}
.Header .Search .box{ position:relative; background:#fff; border-radius:5px; width:398px; height:46px; border:1px solid #d4d4d4;}
.Header .Search .ipt{ vertical-align:top; width:80%; height:44px; line-height:44px; text-indent:1em;}
.Header .Search .searchbtn{ cursor:pointer; width:22px; height:20px; background:url(../images/searchbtn.png) center center no-repeat; background-size:cover; position:absolute; right:16px; top:12px;}
.Header .Toper{ font-size:16px; float:right; padding:30px 31px 0 75px;}
.Header .Toper a.mail{ color:#fff;}.Header .Toper a:hover.mail{ color:#c0161f;}
.Header .Toper .version{ z-index:10; position:relative; display:inline-block; *display:inline; zoom:1; margin-left:34px;}
.Header .Toper .version p{ cursor:pointer; color:#fff; padding-right:17px; background:url(../images/versionarr.png) right center no-repeat;}
.Header .Toper .version ul{ background:#fff; position:absolute; left:-10%; top:24px; text-align:center; width:120%; box-shadow:0 0 8px #ddd;filter:alpha(opacity=0);-moz-opacity: 0;opacity:0; height:0px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.Header .Toper .version ul a{ font-size:12px; padding:3px 0; display:block;}
.Header .Toper .version:hover ul{filter:alpha(opacity=100);-moz-opacity: 1;opacity:1; height:auto;}
.Header .Toper .version a{display: inline-block;width:30px;height:30px;line-height: 30px;color:#fff;text-align: center;}
.Header .Toper .version a.on,.Header .Toper .version a:hover{background: #c0161f;}

.MainNav{ float:right;}
.MainNav li{float:left;position:relative; margin-left:40px;}
.MainNav li:nth-child(1){ margin-left:0;}
.MainNav li span a{display:block; color:#19171c; text-align:center; font-size:20px; height:90px; line-height:90px; color:#fff;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#b51c22;}

.NavPull{ border-radius:0 0 10px 10px; width:150px; top:90px; left:-40px; position:absolute; z-index:100; display:none; background:rgba(0,0,0,0.5); text-align:center;}
.NavPull dd a{ color:#fff; display:block; padding:6px 0px; border-bottom:1px solid rgba(0,0,0,0.2); border-top:1px solid rgba(255,255,255,0.1);font-size:16px;}
.NavPull dd a:hover{ color:#fff; background:#b51c22;}
.NavPull dd:last-child a{ border-radius:0 0 10px 10px;}
.NavPull.null{background:none; padding:0; box-shadow: 0 0px 0px none;}

.MainNav li:nth-child(5) .NavPull{ width:190px; left:-55px;}

.Header.fixedhead{height:70px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.Header.fixedhead .Logo{padding-top:5px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.Header.fixedhead .Searchbox{padding-top:24px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.Header.fixedhead .Search{top:70px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.Header.fixedhead .Toper{padding-top:24px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.Header.fixedhead .NavPull{top:70px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.Header.fixedhead .MainNav li span a{height:70px; line-height:70px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.Header.fixedhead  .Search a.close,.Header .Search a.close2{top:-49px;}

.mstbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:886; display:none;}
.openbtn,.closebtn{ cursor:pointer; display:none;width:26px; position:fixed; right:10px; z-index:999;}
.openbtn.on{ display:none !important;}
.openbtn{ position:absolute; right:12px; top:7px;}
.closebtn{ z-index:999; top:8px; right:200px;}
.closebtn.auto{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:887; display:none;}
.openbtn span,.closebtn span{ display:block; height:2px; background:#912228; margin:4px 0px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.closebtn .sp1 {
	-webkit-transform: translate(0, 3px) rotate(45deg) !important;
	-moz-transform: translate(0, 3px) rotate(45deg) !important;
	-ms-transform: translate(0, 3px) rotate(45deg) !important;
	-o-transform: translate(0, 3px) rotate(45deg) !important;
	transform: translate(0, 3px) rotate(45deg) !important;}
.closebtn .sp2 {
	-webkit-transform: translate(0, -3px) rotate(-45deg) !important;
	-moz-transform: translate(0, -3px) rotate(-45deg) !important;
	-ms-transform: translate(0, -3px) rotate(-45deg) !important;
	-o-transform: translate(0, -3px) rotate(-45deg) !important;
	transform: translate(0, -3px) rotate(-45deg) !important;}	
.mobilenav{ display:none;}
@media ( max-width:1200px){
.Header .Toper{padding:34px 20px 0 40px;}
.Header .Toper a.mail{ color:#8c8b93;}.Header .Toper a:hover.mail{ color:#c0161f;}
.MainNav li{margin-left:35px;}
}
@media ( max-width:1100px){
.Header .Toper{padding:34px 10px 0 20px;}
.Header .Toper .version{margin-left:14px;}
.MainNav li{margin-left:20px;}
.Header .Toper .version a{width:22px;height:22px;line-height: 22px;font-size: 13px;}
}

@media ( max-width:998px){
.Header{height:35px; width:100%; position:fixed; left:0px; top:0px; z-index:999; padding:0;}
.Header .Toper{ padding:5px 0 0 0;}
.Header .Toper a.mail{ display:none;}
.Header .Logo{ padding-top:5px; width:auto;}.Header .Logo img{ height:25px;}
.Header .openbtn{ display:block;}
.Header .Searchbox { padding-top:9px; position:static;}
.Header .Searchbox .icon{ padding:0px 34px 0 16px; width:18px;}
.Header .Search a.close{right:48px; top:-32px;}
.Header .Search{width:100%; top:35px; right:0%;}
.Header .Search .box{ width:auto; height:40px;}
.Header .Search .ipt{ vertical-align:top; width:80%; height:44px; line-height:44px; text-indent:1em;}

.MainNav{ position:fixed; z-index:999; width:200px; padding-right:0; height:100%; overflow-y:auto; background:#fff; right:-200px; top:0px;}
.MainNav ul{ margin-top:0px;}
.MainNav li{ position:relative; cursor:pointer; float:none; border-bottom:1px solid #ddd; width:auto; margin:0;}
.MainNav li span a{ height:auto; display:block; line-height:46px; height:46px; padding-left:20px; color:#000000; text-align:left;}
.MainNav .arr{ position:absolute; z-index:2; width:100%; height:46px; left:0px; top:0px;}
.MainNav .arr i{ position:absolute; width:17px; height:10px; background:url(../images/arr.png); right:10px; top:18px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.MainNav li.onnav .arr i{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}
.NavPull { width:100%; position:static; background:#f2f2f2; text-align:left; margin-bottom:-1px;}
.NavPull dd a{ display:block;padding:5px 0px 5px 40px; color:#333; font-size:14px; border-bottom:1px solid #ddd;}
.NavPull dd .sub{ position:static; background:none;display:block;}
.NavPull dd .sub dd a{ padding-left:36px; line-height:22px; background:url(../images/dot3.gif) 21px 10px no-repeat;}

.pcnav{ display:none;}
.mobilenav{ display:block;}
.mb50{ margin-bottom:20px;}
body{ padding-top:35px;}
.Header.fixedhead{height:35px;}
.Header.fixedhead .Searchbox{padding-top:9px;}
.Header.fixedhead .Search{top:35px;}
.Header.fixedhead .Toper{padding-top:5px;}
.Header.fixedhead .MainNav li span a{height:46px; line-height:46px;}
}

/*Top*/

/*Bottom*/
.bottom{ background:#e5e5e5; padding-top:35px;}
.bottom .Contain{ padding:0 5%;}
.bottom .sitemap{ padding-bottom:38px; float:left;}
.bottom .sitemap dl{ line-height:32px; width:144px; float:left;}
.bottom .sitemap dl dt{ color:#19171c; line-height:52px; margin-bottom:14px; background:url(../images/bline.gif) 0px bottom no-repeat; font-size:16px;}
.bottom .sitemap dl dd a{ color:#6b696e;}
.bottom .sitemap dl dd a:hover{ margin-left:5px; color:#c0161f;}
.bottom .sitemap dl.d6{ width:95px;}

.bottom .contact{ float:right; text-align:right; padding-bottom:37px;}
.bottom .contact .tel{ font-family:impact; line-height:54px; padding-top:7px; color:#c0161f; font-size:36px;}
.bottom .contact a.zxqq{ display:inline-block; width:230px; line-height:50px; color:#c0161f; font-weight:bold; font-size:18px; letter-spacing:0.2em; text-align:left; background:#eeeeee;}
.bottom .contact a.zxqq i{ display:inline-block; vertical-align:middle; background:url(../images/zxqq.png); width:30px; height:30px; margin:0 22px 0px 15px;}
.bottom .contact a:hover.zxqq{ background:#b9b9b9;}
.bottom .contact p{ color:#19171c; padding:24px 0 22px;}
.bottom .contact p .cn{ display:block; letter-spacing:0.2em;}
.bottom .contact p .en{ display:inline-block; font-family:Arial, Helvetica, sans-serif;font-size:12px; color:#bcbbbb; max-width:224px; line-height:15px;}
.bottom .search{ background:#fefefe; height:48px; width:257px; padding-right:80px; position:relative;}
.bottom .search .input{ width:100%; text-indent:1em; height:48px; line-height:48px;}
.bottom .search .btn{ position:absolute; right:-1px; top:-1px; background: #e5e5e5 url(../images/searchbtn.png) center center no-repeat; width:65px; height:50px; cursor:pointer;}
.bottom .search .btn:hover{ background-color:#b9b9b9;}

.Copyright{ position:relative; border-top:1px solid #d9d9d9; color:#535157; padding:18px 0px 22px; clear:both;}
.Copyright a{color:#535157;}.Copyright a:hover{color:#c0161f;}
.Copyright a.design{ color:#c6c5c7;}.Copyright a.design:hover{ color:#333;}

.Copyright .share{ position:absolute; right:0px; top:-42px;}
.Copyright .share .bshare-custom{display:inline-block; *display:inline;zoom:1; vertical-align:middle; margin-top:-4px;}
.Copyright .share .bshare-custom a{ width:38px; height:38px; background:url(../images/share.png); padding:0; margin-right:10px;}
.Copyright .share .bshare-custom a:last-child{margin-right:0px;}
.Copyright .share .bshare-custom .bshare-sinaminiblog{ background-position:0px top;}
.Copyright .share .bshare-custom .bshare-sinaminiblog:hover{ background-position:0px -38px;}
.Copyright .share .bshare-custom .bshare-weixin{ background-position:-38px top;}
.Copyright .share .bshare-custom .bshare-weixin:hover{ background-position:-38px -38px;}
.Copyright .share .bshare-custom .bshare-qqim{ background-position:-76px top;}
.Copyright .share .bshare-custom .bshare-qqim:hover{ background-position:-76px -38px;}

.ewmbox{float: right;text-align: center;padding:15px 0 0 25px;font-size:16px;}
.ewmbox img{display: block;width: 140px;height: 140px;margin:0px auto 10px;}


.cd-top {overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; height:0px; background:url(../images/top.gif) center center; width:40px; position:fixed; bottom:0px; right:0px;}
.cd-top.cd-is-visible {visibility: visible;opacity: 1;height:40px; cursor:pointer;}

@media ( max-width:1920px) and (min-width:1660px){
.bottom .sitemap dl{width:190px;}
}

@media ( max-width:1366px){
.bottom .Contain{ padding:0 0%;}
}
@media ( max-width:1200px){
.bottom .sitemap dl{ width:134px;}
.bottom .contact p .cn{letter-spacing:0;}
.bottom .search{width:200px; padding-right:80px;}
}
@media ( max-width:1100px){
.bottom .sitemap dl{ width:115px;}
}
@media ( max-width:998px){
.bottom .sitemap { display:none;}
.bottom .contact { width:auto; float:none; text-align:center; padding-bottom:15px;}
.bottom .search{width:auto; height:38px;}
.bottom .search .input{height:38px; line-height:38px;}
.bottom .search .btn{height:40px;}
.Copyright{ padding:10px; text-align:center; font-size:12px;}
.Copyright .fl{ float:none;}.Copyright .fr{ float:none;}
.cd-top.cd-is-visible {height:30px;}
}
@media ( max-width:640px){
.bottom{ height:auto;}
.bottom .txt{ float:none; text-align:center; padding-top:12px;}
.ewmbox{float: none;}
.bottom .Copyright{ float:none; text-align:center; padding:5px 0 12px;}
.bottom .contact .tel{line-height:40px; font-size:24px;}
.bottom .contact a.zxqq{width:199px; line-height:40px; font-size:16px;}
}

/*Bottom*/


/*首页 s*/
.Homebody{ background:#fff;}
.HomeBan {overflow:hidden; clear:both; position:relative;}
.HomeBan .slides li{position: relative;height:749px;background-position:center center; background-repeat:no-repeat; background-size:cover;}
.HomeBan .flex-control-nav{bottom:27px;}
.HomeBan .flex-control-nav li a{ border-radius:50%; background:url(../images/bandot.png) center center no-repeat; opacity:1; width:17px; height:17px;}
.HomeBan .flex-control-nav li a.flex-active{opacity:1;background:url(../images/bandot2.png) center center no-repeat;}
.HomeBan .flex-direction-nav a {width: 58px; height: 58px; border:1px solid rgba(255,255,255,0.8); border-radius:50%;}
.HomeBan .flex-direction-nav .flex-prev { left:-60px; background: rgba(0,0,0,0.5) url(../images/prev.png) center center no-repeat;}
.HomeBan .flex-direction-nav .flex-next { right:-60px; background: rgba(0,0,0,0.5) url(../images/next.png) center center no-repeat;}
.HomeBan:hover .flex-direction-nav .flex-prev { left:4%;}
.HomeBan:hover .flex-direction-nav .flex-next { right:4%;}
.HomeBan .slides li .box{max-width: 1200px;width: 100%;position: absolute;left: 50%;top: 35%;transform: translateX(-50%);z-index: 333;}
.HomeBan .slides li .box .title{font-size: 36px;color: #c6000a;}
.HomeBan .slides li .box .text{margin-top: 30px;font-size: 20px;color: #fff;line-height: 1.6;}
@media ( max-width:1200px){
.HomeBan .flex-control-nav{left:0; width:100%; margin-left:0px; bottom:0px;}
}
@media ( max-width:998px){
.HomeBan .slides li{ height:280px;}
.HomeBan .flex-control-nav li a{ width:8px; height:8px;}
.HomeBan .flex-direction-nav a { display:none;}
}
@media ( max-width:640px){
.HomeBan .slides li{ height:160px;}
}

.HomeAbout{ position:relative;}
.HomeAbout .Contain{ margin:0px;}
.HomeAbout .leftfd{ position:absolute; left:0px; top:-86px; width:15%;}
.HomeAbout .fudong{ position:absolute; right:0px; top:-86px; width:140px;display: block;}
.HomeAbout .box{ margin:0 40px 0 17%; position:relative; padding-right:25%; line-height:40px; font-size:20px;}
.HomeAbout .box .img{ position:absolute; right:96px; top:0px;}
.HomeAbout .Tithead{ padding-bottom:29px; font-size:33px; color:#c5151f; font-weight:bold;}
.HomeAbout .p{ color:#666666;}
.HomeAbout .p p{ text-indent:2em;}
.HomeAbout a.detail{ border:2px solid #7c7c7c; color:#7c7c7c; width:103px; display:block; line-height:36px; border-radius:20px; text-align:center;}
.HomeAbout a.detail i{ display:inline-block; vertical-align:middle; margin-left:16px; width:5px; height:11px; background:url(../images/arr3.png);}
.HomeAbout a:hover.detail{ border:2px solid #c8141d; color:#c8141d;}

@media ( max-width:1200px){
.HomeAbout{ padding:20px 0 40px; background-image:none;}
.HomeAbout .Tithead{font-size:20px; padding-bottom:18px;}
.HomeAbout .fudong{ display:none;}
.HomeAbout .box{padding-right:0%; margin:0px 15px; font-size:14px; line-height:24px;}
.HomeAbout .box .img{ position:static; text-align:right;}
}


.HomeAboutBox{width: 100%;background: url(../images/aboutbg1.jpg) no-repeat;
background-size: cover;padding: 100px 0 160px 0;background-position: center;}
.HomeAboutBox .info{max-width: 768px;margin: 0 auto;padding-left: 9.6%;}
.HomeAboutBox h2{font-size: 30px;line-height: 1;font-weight: 600;color: #c6000a;position: relative;padding-bottom: 20px;
margin-bottom: 50px;}
.HomeAboutBox h2:after{content: "";position: absolute;bottom: 0;left: 0;width: 20px;height: 3px;background:#c6000a; }
.HomeAboutBox p{font-size: 16px;color: #333;text-align: left;line-height: 2;margin-bottom: 15px;}

@media(max-width:998px){
	.HomeAboutBox{width: 100%;background: url(../images/aboutbg1.jpg) no-repeat;background-size: cover;padding: 20px 0 40px 0;background-position: center;}
	.HomeAboutBox .info{max-width: 100%;margin: 0 auto;padding-left: 6%;padding-right: 6%;}
	.HomeAboutBox h2{margin-bottom: 20px;}
}



.HomePro {clear:both; position:relative; height:576px; padding:0 40px;}
.HomePro .slides li{ text-align:center; padding-top:82px;}
.HomePro .slides li .box{ border:1px solid #eeeeee; width:261px; position:relative; height:382px; padding-top:26px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear; margin:0px auto;}
.HomePro .slides li .imgbox{ width:210px; height:210px; margin:0px auto;}
.HomePro .slides li .imgbox span{ background-size:contain;}
.HomePro .slides li .tits{ width:100%; padding-top:35px; height:86px; position:absolute; left:0px; bottom:0px; border-top:1px solid #eeeeee; background:#c5151f;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomePro .slides li .tits .t{ font-size:17px; color:#fff;}
.HomePro .slides li .tits .t span{ line-height:18px; display:block; margin-top:5px; color:#e9babc; font-size:13px;}
.HomePro .slides li .detail{ width:96px; line-height:38px; text-align:center; margin:21px auto 0px; color:#d4012c; border-radius:18px; background:#fff; filter:alpha(opacity=0);-moz-opacity: 0;opacity:0; display:block; font-size:14px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomePro .slides li:hover .box{ box-shadow:0 5px 18px #ddd; padding-top:18px; height:390px; border:1px solid #dcdcdc; margin-top:-22px;}
.HomePro .slides li:hover .tits{ border:0; height:142px; padding-top:23px;}
.HomePro .slides li:hover .detail{filter:alpha(opacity=100);-moz-opacity: 1;opacity:1;}

.HomePro .flex-direction-nav .flex-prev {left:-48px; background: url(../images/proarr.png) center center no-repeat;opacity:1;width:56px; height:56px; margin-top:5px; border:2px solid #17161b; border-radius:50%;}
.HomePro .flex-direction-nav .flex-next {right:-48px; background: url(../images/proarr2.png) center center no-repeat; opacity:1; width:56px; height:56px; margin-top:5px; border:2px solid #17161b; border-radius:50%;}
.HomePro .flex-direction-nav .flex-prev:hover {background: url(../images/proarr01.png) center center no-repeat; border:2px solid #c0161f;}
.HomePro .flex-direction-nav .flex-next:hover {background: url(../images/proarr02.png) center center no-repeat; border:2px solid #c0161f;}

@media ( max-width:998px){
.HomePro {padding:0 20px;}
.HomePro .slides li .box{ width:288px;}
.HomePro .flex-direction-nav .flex-prev {left:-30px;}
.HomePro .flex-direction-nav .flex-next {right:-30px;}
}
@media ( max-width:640px){
.HomePro {height:330px;}
.HomePro .slides li{ padding-top:35px;}
.HomePro .slides li .box{ width:160px; margin:0px auto; padding-top:10px; height:240px;}
.HomePro .slides li .imgbox{ width:140px; height:140px;}
.HomePro .slides li .tits{ padding-top:10px; height:70px;}
.HomePro .slides li .tits .t{ font-size:14px; line-height:20px;}
.HomePro .slides li .tits .t span{ margin-top:0px; font-size:12px; line-height:15px;}
.HomePro .slides li:hover .box{padding-top:10px; height:270px;margin-top:0px;}
.HomePro .slides li .detail{line-height:32px; margin-top:10px;}
.HomePro .slides li:hover .tits{height:115px;}
.HomePro .flex-direction-nav .flex-prev {width:30px; height:30px;border:1px solid #17161b;}
.HomePro .flex-direction-nav .flex-next {width:30px; height:30px; border:1px solid #17161b;}
}
@media ( max-width:480px){
.HomePro .slides li .box{ width:130px;}
.HomePro .slides li .imgbox{ width:128px;}
}


.HomeSer{background:#f6f6f6; padding:0 40px;}
.HomeSer .slides li{ width:20%; float:left; text-align:center;}
.HomeSer .slides li .box{ height:490px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear; margin-top:0px; border-top:4px solid #f6f6f6;}
.HomeSer .slides li .ico{ padding:50px 0 19px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomeSer .slides li .ico img{ width:auto; margin:0px auto;}
.HomeSer .slides li .tits{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; line-height:46px; font-size:18px; color:#454545;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomeSer .slides li .tits span{ display:block; font-size:14px; line-height:17px;color:#ceccd0;}
.HomeSer .slides li .p{ text-align:left;filter:alpha(opacity=0);-moz-opacity: 0;opacity:0; height:0px; color:#454545; font-size:16px; margin:0 30px 38px; line-height:20px;}
.HomeSer .slides li .p .en{ display:block; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:13px; margin-top:10px;}

.HomeSer .slides li .more{filter:alpha(opacity=0);-moz-opacity: 0;opacity:0; margin:0px auto; background:url(../images/more.gif); width:12px; height:12px;}
.HomeSer .slides li.active,.HomeSer .slides li:hover .box{ background:#fff; border-top:4px solid #c0161f;}
.HomeSer .slides li.active .ico,.HomeSer .slides li:hover .ico{transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scale(0);transition:all 0.5s ease; padding:0px; height:0;}
.HomeSer .slides li.active .tits,.HomeSer .slides li:hover .tits{ line-height:26px; color:#b51c22; padding:27px 0 19px;}
.HomeSer .slides li.active .p,.HomeSer .slides li:hover .p{filter:alpha(opacity=100);-moz-opacity: 1;opacity:1; height:330px;}
.HomeSer .slides li.active .more,.HomeSer .slides li:hover .more{filter:alpha(opacity=100);-moz-opacity: 1;opacity:1;}

.HomeSer .flex-direction-nav .flex-prev {left:-48px; background: url(../images/proarr.png) center center no-repeat;opacity:1;width:56px; height:56px; margin-top:5px; border:2px solid #17161b; border-radius:50%;}
.HomeSer .flex-direction-nav .flex-next {right:-48px; background: url(../images/proarr2.png) center center no-repeat; opacity:1; width:56px; height:56px; margin-top:5px; border:2px solid #17161b; border-radius:50%;}
.HomeSer .flex-direction-nav .flex-prev:hover {background: url(../images/proarr01.png) center center no-repeat; border:2px solid #c0161f;}
.HomeSer .flex-direction-nav .flex-next:hover {background: url(../images/proarr02.png) center center no-repeat; border:2px solid #c0161f;}
.HomeSer .flex-control-nav{bottom:0px; display:none;}
.HomeSer .flex-control-nav li a{ border-radius:50%; background:#b0b0b0; opacity:1; width:8px; height:8px;}
.HomeSer .flex-control-nav li a.flex-active{opacity:1; background:#c0161f;}

@media ( max-width:998px){
.HomeSer {padding:0 20px;}
.HomeSer .flex-direction-nav .flex-prev {left:-30px;}
.HomeSer .flex-direction-nav .flex-next {right:-30px;}
}

@media ( max-width:640px){
.HomeSer .slides li .box{ height:200px;}
.HomeSer .slides li .ico{ padding:30px 0 10px; width:50%; margin:0px auto;}
.HomeSer .slides li .tits{line-height:36px; font-size:15px;}
.HomeSer .slides li .tits span{font-size:12px;}
.HomeSer .slides li .p{font-size:12px; margin:0 10px 20px; line-height:16px;}
.HomeSer .slides li.active .tits,.HomeSer .slides li:hover .tits{ line-height:20px;padding:10px 0 10px;}
.HomeSer .slides li.active .p,.HomeSer .slides li:hover .p{height:64px;}
.HomeSer .flex-direction-nav .flex-prev {width:30px; height:30px;border:1px solid #17161b;}
.HomeSer .flex-direction-nav .flex-next {width:30px; height:30px; border:1px solid #17161b;}
.HomeSer .flex-direction-nav .flex-prev {width:30px; height:30px;border:1px solid #17161b;}
.HomeSer .flex-direction-nav .flex-next {width:30px; height:30px; border:1px solid #17161b;}
}

.HomeTit{ text-align:center; padding:60px 0 31px;}
.HomeTit h2{ line-height:42px; font-size:30px; color:#454545; font-weight:normal;}
.HomeTit p{ line-height:44px; font-size:36px; color:#d3d3d3; font-family:"Times New Roman", Times, serif; font-weight:bold;}

.HomeVideo{ position:relative; background:#7a0000; padding-bottom:5.5%; overflow:hidden;}
.HomeVideo .box{ padding:0 40px;}
.HomeVideo .tophead{ z-index:2; padding:29px 0 52px 330px; height:auto !important; height:173px; min-height:173px; position:relative;}
.HomeVideo .tophead .HomeTit{ z-index:1; text-align:left; position:absolute; left:0px; top:29px; padding:0px 0 18px; background:url(../images/line2.png) right bottom no-repeat; width:283px;}
.HomeVideo .tophead .HomeTit h2{ color:#fff;}
.HomeVideo .tophead .HomeTit p{ line-height:51px; padding-bottom:22px; color:#fff;filter:alpha(opacity=20);-moz-opacity: 0.2;opacity:0.2;}
.HomeVideo .tophead .HomeTit a.detail{ border:2px solid #fff; color:#fff; width:103px; display:block; line-height:36px; border-radius:20px; text-align:center;}
.HomeVideo .tophead .HomeTit a.detail i{ display:inline-block; vertical-align:middle; margin-left:16px; width:5px; height:11px; background:url(../images/arr2.png);}
.HomeVideo .tophead .HomeTit a:hover.detail{ border:2px solid #ffcc00; color:#ffcc00;}
.HomeVideo .tophead h3{ color:#fff; line-height:26px; font-size:24px; margin-bottom:24px;}
.HomeVideo .tophead .txt{ color:#fff; font-size:16px; line-height:30px;filter:alpha(opacity=70);-moz-opacity: 0.7;opacity:0.7;}
.HomeVideo .tophead .txt p{text-indent:2em;}
.HomeVideo .Video{ width:86%; margin:0px auto;height:550px; overflow:hidden; position:relative; text-align:center; z-index:1; color:#fff;}
.HomeVideo .Video img{ width:100%; height:550px; display:block;}
.HomeVideo .Video video{ width:100%; background:#000; height:100%; display:block;}
.HomeVideo .Video .playbtn{ background:rgba(0,0,0,0.6) url(../images/play.png) center center no-repeat; color:#ced2d5; width:100%; height:100%; position:absolute; left:0px; top:0px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomeVideo .Video a.play{ width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:1;}
.HomeVideo .Video .playbtn:hover{ background-color:rgba(0,0,0,0.1);}
.HomeVideo canvas { z-index:0;position: absolute; width:100%; height:100% !important; left:0px; bottom:0px;}

@media ( max-width:998px){
.HomeTit{ text-align:center; padding:30px 0 20px;}
.HomeTit h2{ line-height:30px; font-size:24px;}
.HomeTit p{ line-height:30px; font-size:24px;}
.HomeVideo .box{ padding:0 0px;}
.HomeVideo .tophead h3{margin-bottom:14px;}
.HomeVideo .tophead .txt{font-size:14px; line-height:24px;}
.HomeVideo .tophead{ z-index:2; padding:20px 0 20px 0px;}
.HomeVideo .tophead .HomeTit{text-align:center; position:static; background:none; width:auto;}
.HomeVideo .tophead .HomeTit p{ line-height:25px;}
.HomeVideo .tophead .HomeTit a.detail{ margin:0px auto;}
.HomeVideo .tophead h3{font-size:18px; padding-bottom:10px;}
.HomeVideo canvas { display:none;}
.HomeVideo .Video{ width:100%;}
}
@media ( max-width:640px){
.HomeVideo .Video{height:200px;}
.HomeVideo .Video img{height:200px;}
.HomeVideo .canvas {width:200%; height:200%; left:-50%; bottom:-50%;}
}

.HomeCase{ margin:0 40px;}
.HomeCase ul{ margin-left:-1.5%;}
.HomeCase li{ width:11%; padding:2% 0 2% 1.5%; float:left; height:100px;}
.HomeCase li .imgbox{ padding-top:65%;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomeCase li .imgbox span{ background-size:contain;}
.HomeCase li:hover .imgbox{ margin-top:-10px;}

@media ( max-width:998px){
.HomeCase{ margin:0 0px;}
}
@media ( max-width:640px){
.HomeCase li{ height:50px;}
.HomeCase li .imgbox{ height:50px;}
.HomeCase li:hover .imgbox{ margin-top:0px;}
}

.HomeHistory{ background:url(../images/lsbg.jpg) center bottom no-repeat; padding-bottom:12.5%; margin-top:-4%;}
.HomeHistory .HomeTit{ padding-bottom:0px; margin-bottom:-20px;}
.HomeHistory .HomeTit p{ line-height:18px; font-size:12px;}
.Hostory {clear:both; position:relative;}
.Hostory .slides li{ height:282px; position:relative;}
.Hostory .slides li .box{ text-align:center; position:absolute; bottom:0px; left:50%; width:208px; margin-left:-85px;}
.Hostory .slides li .date{ padding-bottom:22px; font-size:24px; color:#19171c; line-height:34px; background:url(../images/lsdot.png) center bottom no-repeat; font-weight:bold;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.Hostory .slides li .line{ width:1px; height:56px; margin:0px auto; background:#d1d1d1;}
.Hostory .slides li .txt{ font-size:15px; line-height:18px; color:#535157; padding-bottom:8px;}
.Hostory .slides li:hover .date{background:url(../images/lsdot2.png) center bottom no-repeat; margin-bottom:37px;}
.Hostory .flex-direction-nav .flex-prev {left:0px; background: url(../images/lsarr1.png) 0 top no-repeat;opacity:1;width:30px; height:30px; margin-top:85px;}
.Hostory .flex-direction-nav .flex-next {right:0px; background: url(../images/lsarr2.png) right top no-repeat; opacity:1; width:30px; height:30px; margin-top:85px;}
.Hostory .flex-direction-nav .flex-prev:hover {background: url(../images/lsarr01.png) 0 bottom no-repeat;}
.Hostory .flex-direction-nav .flex-next:hover {background: url(../images/lsarr02.png) right bottom no-repeat;}

@media ( max-width:640px){
.HomeHistory{ background-size:contain;}
.Hostory .slides li{height:200px;}
.Hostory .slides li .date{ padding-bottom:18px; font-size:18px;}
.Hostory .slides li .line{height:20px;}
.Hostory .slides li .txt{ font-size:14px;}
.Hostory .slides li:hover .date{margin-bottom:0px;}
.Hostory .flex-direction-nav .flex-prev {margin-top:50px;}
.Hostory .flex-direction-nav .flex-next {margin-top:50px;}
}
@media ( max-width:480px){
.Hostory .slides li .box{ width:150px; margin-left:-75px;}
}


.HomeNews{ margin:0px 40px;}
.HomeNews ul{ padding:0 0 7% 55%; height:408px; position:relative;}
.HomeNews li.first{ position:absolute; left:0px; top:0px;width:51%; box-shadow:-1px 0 18px #eee;}
.HomeNews li.first .box{ height:406px;}
.HomeNews li.first .info{ font-size:16px; padding:23px 0 0 5%; width:42%; float:left;}
.HomeNews li.first .info .tits{ line-height:37px; height:271px; font-size:18px;}
.HomeNews li.first .info .date{ line-height:54px; color:#666666;}
.HomeNews li.first .info .detail{ color:#c0161f; font-size:14px;}
.HomeNews li.first .imgbox{ width:50%; float:right; height:406px;}
.HomeNews .li{ margin-bottom:20px;}
.HomeNews .li .box{ border:1px solid #eeeeee; height:177px; padding:15px 38px 0;}
.HomeNews .li .box .info{ width:45%; float:left; font-size:16px;}
.HomeNews .li .box .info .date{padding-top:18px; color:#666666;}
.HomeNews .li .box .info .tits{ padding:11px 0 19px;}
.HomeNews .li .box .info .detail{ color:#c0161f; font-size:14px;}
.HomeNews .li .box .imgbox{ width:40%; float:right; height:162px;}
.HomeNews .li .box .imgbox span{ background-size:cover;}
@media ( max-width:998px){
.HomeNews{ margin:0px;}
}
@media ( max-width:768px){
.HomeNews ul{ padding-left:0;height:auto;}
.HomeNews li.first{ position:static; width:auto; margin-bottom:12px;}
.HomeNews li.first .box{height:120px; padding:12px;}
.HomeNews li.first .info{ font-size:14px; padding:0; width:54%;}
.HomeNews li.first .info .tits{ line-height:20px;padding:5px 0; height:auto; font-size:14px;}
.HomeNews li.first .info .date{ line-height:24px;padding-top:8px;}
.HomeNews li.first .imgbox{ width:40%; height:120px;}
.HomeNews .li{ margin-bottom:12px;}
.HomeNews .li .box{height:120px; padding:12px;}
.HomeNews .li .box .info{ width:54%; font-size:14px;}
.HomeNews .li .box .info .date{padding-top:8px;}
.HomeNews .li .box .info .tits{ line-height:20px; padding:5px 0;}
.HomeNews .li .box .imgbox{height:120px;}
}
/*首页 end*/


/*栏目页公用样式 s*/
.SubBan{height:405px; margin:0px auto; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.mainbg{ background:#fff; padding:0 40px 50px; color:#444444;}

.MenuList{ text-align:center; margin-bottom:20px; background:#fff; height:70px; line-height:70px;}
.MenuList li{ font-size:18px; margin:0 22px; position:relative; display:inline-block; *display:inline; zoom:1;}
.MenuList li a{ display:block; color:#666666;}
.MenuList li .bg{ position:absolute; z-index:1; width:0%; bottom:0px; height:2px; left:50%; background:#e10012;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.MenuList li a:hover,.MenuList li.onli a{ color:#e10012;}
.MenuList li a:hover .bg,.MenuList li.onli .bg{ width:100%; left:0px;}

.SubPage{ height:auto !important; min-height:250px; height:250px; padding-bottom:50px;}
.SubPage .fudong{ position:absolute; right:0;top:-20px; width:180px; z-index:999;display: none;}
.SubPage .fudong.fixedfd{ position:fixed; top:70px; right:0;}

.SinglePage{ word-wrap:break-word;word-break:normal;text-align:justify; line-height:30px;}

.SubTit{ text-align:center; padding:26px 0 50px;}
.SubTit h2{ font-weight:normal; line-height:49px; font-size:24px; color:#333333;}
.SubTit h2 i{ display:block; margin:0px auto; border-top:2px solid #e10012; width:20px; height:15px;}
.SubTit p{ color:#888888; font-size:16px;}
.SubTit.sb h2{ font-size:50px; line-height:75px;}
.SubTit.sb p{ font-size:20px;}

@media ( max-width:1600px){
.SubPage .fudong{width:140px;}
}
@media ( max-width:1366px){
.SubPage .fudong{ margin-left:570px;width:100px;}
}
@media ( max-width:1200px){
.SubPage .fudong{ display:none;}
}

@media ( max-width:998px){
.SubBan{height:100px;}
.mainbg{padding:0 10px 20px;}
.SubPage{padding-bottom:30px;}
.SinglePage{font-size:14px; line-height:26px;}
.MenuList{ text-align:center; height:auto; line-height:30px;}
.MenuList li{font-size:14px; margin:0 8px;}
.MenuList li a{ padding:0 4px;}
.SubTit{padding:20px 0 20px;}
.SubTit h2{line-height:35px; font-size:18px;}
.SubTit p{font-size:14px;}

.SubTit.sb h2{ font-size:20px; line-height:38px;}
.SubTit.sb p{ font-size:16px;}

}
/*栏目页公用样式 end*/

/*关于我们s*/
.Abouttxt{ width:59%; margin-top:-8px; float:left; font-size:16px;}
.Aboutimg{ width:35%; float:right; text-align:center;}

.SHostory{ background: #fff url(../images/lsbg.jpg) center bottom no-repeat; margin-top:32px; padding-bottom:16%;}
.SHostory .Hostory .flex-direction-nav .flex-prev {left:14px;margin-top:20px;}
.SHostory .Hostory .flex-direction-nav .flex-next {right:14px;margin-top:20px;}

.HornorList{ margin:0 0 12px -4%;}
.HornorList li{ width:21%; float:left; padding:0 0 4% 4%; text-align:center;}
.HornorList li:nth-child(1),.HornorList li:nth-child(2){width:46%;}
.HornorList li:nth-child(1) .imgbox,.HornorList li:nth-child(2) .imgbox{padding-top:50%; width:65%; margin:0 auto;}
.HornorList li .imgbox{ padding-top:80%; margin-bottom:5%;}
.HornorList li .imgbox span{ background-size:contain;}
.HornorList li a{ color:#666666;}
.HornorList li a:hover{ color:#972f35;}
.HornorList.no12 li:nth-child(1),.HornorList.no12 li:nth-child(2){ width:21%;}
.HornorList.no12 li:nth-child(1) .imgbox,.HornorList.no12 li:nth-child(2) .imgbox{padding-top:80%; margin-bottom:5%; width:auto;}
.HornorList.no12 li .imgbox span{ background-size:cover;}

@media ( max-width:768px){
.Abouttxt{ width:auto; padding:0 0 15px; margin:0px; float:none;}
.Aboutimg{ width:auto; float:none;}
.HornorList li{ width:29.33333%;}
.HornorList.no12 li:nth-child(1),.HornorList.no12 li:nth-child(2){ width:29.33333%;}
}


/*服务管理s*/
.SubMenu{ text-align:center; margin:-15px 0 24px;}
.SubMenu li{ display:inline-block;*display:inline;zoom:1; margin:0 8px 10px;}
.SubMenu li a{ display:block; border:1px solid #c5c5c5; color:#666666; line-height:32px; padding:0 20px;}
.SubMenu li a:hover,.SubMenu li a.on{ color:#fff; border:1px solid #b51c22; background:#b51c22;}

@media ( max-width:810px){
.SubMenu li{ display:block; margin-left:0px; margin-right:0px;}
}


/*产品中心s*/
.ProList{ margin:0 0 0 -4%;}
.ProList li{ width:46%; float:left; padding:0 0 4% 4%;}
.ProList .box{ border:1px solid #e7e7e7; background:url(../images/probg.jpg) right center no-repeat; background-size:cover; height:258px; padding:24px 25px 0px;}
.ProList .box .info{ width:48%; float:left;}
.ProList .box .tits{ font-size:18px; padding:12px 0 15px; line-height:26px; color:#454545;}
.ProList .box .p{-webkit-line-clamp: 3; color:#888888;}
.ProList .box .pj{ padding-top:17px;}
.ProList .box .pj img{ display:inline-block; vertical-align:middle; width:58px; height:58px; border-radius:50%; background:#ebebeb; margin-right:18px;}
.ProList .box .pj img:last-child{margin-right:0px;}
.ProList .box .imgbox{ width:48%; height:236px; float:right;}
.ProList .box .imgbox span{ background-size:contain;}
.ProList li:hover .box{box-shadow:0 0 15px #ddd;}
.ProList li:hover .box .tits{ color:#e10012;}

.ProList2{ margin:0 0 15px -4%;}
.ProList2 li{ text-align:center; width:22%; float:left; padding:0 0 3% 3%;}
.ProList2 li .box{ background:#f8f8f8; padding:14px 10px 5px 10px;}
.ProList2 li .box .tit{ font-weight:bold; padding:14px 0 6px; font-size:18px;}
.ProList2 li .box .imgbox{ width:60%; padding-top:60%; margin:0px auto;}
.ProList2 li .box .size{ height:48px;}


.backs{ padding:30px 0px;}
.backs a{ display:block; width:35px; height:20px; background:url(../images/back.png);}
.backs a:hover{background:url(../images/back2.png);}

.proimg{ width:36%; margin-left:6%; float:left; background:#f8f8f8;}
.proimg .imgbox{ padding-top:100%;}
.proimg .imgbox span{ background-size:contain;}

.proinfo{ margin-right:6%; width:44%; float:right;}
.proinfo .tits{ font-size:24px; line-height:37px; color:#444444; padding:0px 0 19px;}
.proinfo .tits span{ display:block; font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:24px; color:#888888;}
.proinfo .txt{ background:#fbf3f4; color:#444444; padding:20px;}
.proinfo dl{ padding-top:24px;}
.proinfo dl dt{ padding-bottom:10px; color:#333333; font-size:16px;font-weight: bold;color:#e10012;}
.proinfo dl dd{ padding-left:27px; margin-bottom:4px; background:url(../images/dot.gif) 0px 5px no-repeat;}
.proinfo .txt2{ color:#444444; padding-top:28px;}

@media ( max-width:1920px) and (min-width:1660px){
.proinfo{ padding-top:4%;}
}

@media ( max-width:1140px){
.ProList .box .imgbox{ width:44%; height:230px;}
.ProList .box .pj img{ width:45px; height:45px;}
}
@media ( max-width:910px){
.ProList .box{height:240px; padding:10px 10px 0px;}
.ProList li{ width:auto; float:none;}
.ProList .box .pj img{margin-right:10px;}
}
@media ( max-width:768px){
.proimg{ width:auto; float:none;}
.backs{ padding:15px 0px;}
.proinfo{ width:auto; float:none;}
.proinfo .tits{ font-size:18px; line-height:25px;padding:15px 0 15px;}
.proinfo dl{ padding-top:15px;}
.ProList2 li{width:30.3333%;}
.ProList2 li .box .tit{ font-weight:normal;font-size:15px;}
.ProList2 li .box .size{ font-size:12px; line-height:20px; height:40px;}
}

@media ( max-width:640px){
.ProList .box{height:220px; background:none;}
.ProList .box .tits{ font-size:15px; line-height:22px; padding:0 0 10px;}
.ProList .box .info{ width:56%;}
.ProList .box .imgbox{ width:40%; height:200px;}
.ProList2 li{width:47%;}
}
@media ( max-width:480px){
.ProList .box{height:200px;}
}


/*新闻中心s*/
.NewsList{ margin:0;}
.NewsList li{padding:0 0 40px 0; position:relative;}
.NewsList li .imgbox{ border:1px solid #c5c1bb; height:230px; width:30%; float:left;}
.NewsList li .info{ width:66%; float:right;}
.NewsList li .tit{ font-size:16px; padding-top:10px;}
.NewsList li .date{ line-height:41px; color:#999999; font-size:12px; margin-bottom:8px; background:url(../images/date.gif) 0px center no-repeat; padding-left:22px;}
.NewsList li .p{ margin:15px 0 28px;-webkit-line-clamp: 3; color:#999999;}
.NewsList li .more{ width:34px; height:31px; background:url(../images/more.png) center center no-repeat;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.NewsList li:hover .more{ width:90px; background: #e10012 url(../images/more2.png) center center no-repeat;}

.Titleinfo{ color:#666666; padding:4.5% 0px 24px 0px; margin-bottom:25px; text-align:center; border-bottom:1px dashed #e6e6e6;}
.Titleinfo .tit{ font-size:20px; color:#333333; padding-bottom:10px;}
.Titleinfo .date i{ margin:0px 12px; display:inline-block;}
.Shares{ display:inline-block; *display:inline;zoom:1; vertical-align:middle;}
.PrevNextBox { border-top:1px solid #dadada; margin:40px 0 0 0; padding:22px 0px 0px; position:relative; color:#888888;}
.PrevNextBox dl{ padding-left:56px; position:relative; height:25px; margin-bottom:7px;}
.PrevNextBox dl b{ position:absolute; left:0px; top:0px; color:#000000; font-weight:normal;}
.PrevNextBox a{ color:#666666;}.PrevNextBox a:hover{ color:#e10012;}
.PrevNextBox a.none{ cursor:default; color:#888888;}
.PrevNextBox a.none:hover{ color:#888888;}

@media ( max-width:768px){
.NewsList li{padding:0 0 20px 135px; height:115px;}
.NewsList li .imgbox{ width:120px; position:absolute; left:0px; top:0px; height:115px;}
.NewsList li .date{ margin:0px; }
.NewsList li .tit{ padding-top:0px;}
.NewsList li .info{ width:auto; float:none;}
.NewsList li .p{ margin:0;-webkit-line-clamp: 2;}
.NewsList li .more{ display:none;}
}
@media ( max-width:480px){
.PrevNextBox {margin:20px 0 0 0;}
.PrevNextBox a{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:90%; display:block;}
}


/*应用案例s*/
.VideoList{ margin:0 0 15px -2%;}
.VideoList li{ text-align:center; width:23%; float:left; padding:0 0 3% 2%;}
.VideoList li .imgbox{ padding-top:65%; margin-bottom:12px;}
.VideoList li .play{ position:absolute; z-index:2; left:0px; top:0px; width:100%; height:100%; background: rgba(0,0,0,0.5) url(../images/play2.png) center center no-repeat;}
.VideoList li:hover .play{ background-color:rgba(0,0,0,0.2);}


.Partnerbox .slidetxt{ border:1px solid #f2f2f2; height:auto !important; height:172px; min-height:172px;}
.Partnerbox .slidetxt .img{ width:26%; float:left; text-align:center;}
.Partnerbox .slidetxt .info{ width:68%; float:right; padding:25px 4% 15px 0px; line-height:29px; color:#888888;}
.Partnerbox .slidetxt .info .box{ position:relative; padding-left:100px;}
.Partnerbox .slidetxt .info .box .logo{ width:83px; height:83px; background-position: center center; background-repeat:no-repeat; background-size:contain; position:absolute; left:0px; top:0px;}

.Partnerbox .btnlist{ margin-left:-2%;}
.Partnerbox .btnlist li{ width:10.5%; padding:0 0 2% 2%; float:left; cursor:pointer;}
.Partnerbox .btnlist li .imgbox{ padding-top:100%; border:1px solid #e6e6e6;}
.Partnerbox .btnlist li .imgbox span{ background-size:contain;}
.Partnerbox .btnlist li.on .imgbox{ border:1px solid #c4161f;}

@media ( max-width:768px){
.Partnerbox .slidetxt .img{ width:auto; float:none;}
.Partnerbox .slidetxt .info{ width:auto; float:none; padding:10px; line-height:24px;}
.Partnerbox .slidetxt .info .box{padding-left:0px;}
.Partnerbox .slidetxt .info .box .logo{position:static; margin:0px auto;}
}


/*联系我们s*/
.saleMap{ position:relative; max-width:1200px; margin:0px auto;}
.saleMap .company{ cursor:pointer; position:absolute; left:78%; top:59%; background:url(../images/logos.png) 0px center no-repeat; padding-left:26px; font-size:16px; font-weight:bold; color:#e10012;}
.saleMap .other{ position:absolute; left:0px; top:0px;transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scale(0);transition:all 1s ease;}
.saleMap.on .other{transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);}

.mapbox{ background:#fff;}
.ContactUs { color:#333; line-height:32px; font-size:16px; width:40%; padding:3% 5% 0 5%; float:left;}
.ContactUs .p1{ font-size:24px; margin-bottom:15px;}
.ContactUs .p2{  margin-bottom:25px;}
.ContactUs .p3{ color:#666;}
.ContactUs .p3 span{ color:#b51c22;}
.Map{ width:50%; float:right;}
.Map img{ height:400px;}

.Message{ margin:0 0 0 -3%;}
.Message li{ width:30.333333%; float:left; padding:0 0 13px 3%; line-height:50px;}
.Message li .t{ padding-left:38px;}
.Message li .input{ text-indent:1em; width:99%; border:1px solid #c5c5c5; height:42px; line-height:42px;}
.Message li .textarea{border:1px solid #c5c5c5; padding:10px;}
.Message li .textarea textarea{ width:100%; height:150px;}
.Message li.auto{ float:none; width:auto;}
.Message li.btn{ text-align:center; padding-top:35px;}
.Message li .sendbtn{ cursor:pointer; font-size:16px; color:#fff; width:156px; height:42px; background:#b51c22;}

.videos{ width:80%; margin:0px auto;}
.videos video{ width:100%;}

@media ( max-width:768px){
.ContactUs { float:none; width:auto; line-height:28px; padding:15px; font-size:14px;}
.ContactUs .p1{ font-size:18px; margin-bottom:10px;}
.Map{ width:auto; float:none;}
.saleMap .company{ font-size:14px;}
.videos{ width:100%;}
}

@media ( max-width:640px){
.ContactUs li{ width:48%; font-size:15px; padding-bottom:15px;}
.ContactUs li p{ height:40px; line-height:20px;}
.Message li{ width:auto; float:none;line-height:25px;}
.Message li .t{ padding-left:0px;}
.Message li.btn{ padding-top:15px;}
}


.right_bar{position:fixed; top:300px; right:0; width:50px; height:203px; z-index:10;}
.right_bar li{ width:62px; height:50px; z-index:20; }
.right_bar li.rtbar_li1,.right_bar li.rtbar_li4{ position:absolute; left:0;}
.right_bar li.rtbar_li1{ top:0; width:172px; }
.right_bar li.rtbar_li2{ position:absolute; top:51px; left:0; }
.right_bar li.rtbar_li3{ position:absolute; top:102px; left:0; width:126px; }
.right_bar li.rtbar_li4{ top:102px;}
.rtbar_li4{ position:absolute; top:153px; left:0;}
.right_bar li a{ display:block; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#333333; opacity:0.8; border-radius:6px;}
.right_bar li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}
.right_bar li a:hover{ background-color:#b51c22; opacity:1;}
.rtbar_shwx{ display:none; position:absolute; top:-120px; left:-150px; padding-bottom:9px; }
.rtbar_shwx img{ padding:14px; background-color:#FFF; }

.rtbar_shwx{top:-50px;}